<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>钢笔抠图</title>
    <link rel="stylesheet" href="./css/ps1.css">

    <link rel="stylesheet" href="../瑜-ps/css/导航栏.css">
    <script src="../哲/搜索.js"></script>
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>

<body>
    <div>
        <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

        <div>
            <!-- logo名字 -->
            <!-- 搜索栏(含js) -->
            <!-- 小组信息 -->
            <div class="title">
                <img src="../兰/images/logo.png" alt="">
                <input id="searchInput" placeholder="请输入关键词" type="text">
                <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
                <div class="three">
                    <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                    <p><a href="" target="_blank">视频</a></p>
                    <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
                </div>
            </div>
        </div>

        <!-- 主菜单 -->
        <div class="nav">
            <ul>
                <!-- 导航栏中 -->
                <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                <li><a href="../index首页.html">首页</a></li>

                <li><a href="../li/hcj.html">Web前端</a></li>
                <li><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                <li ><a href="../兰/摄影.html">Photography</a></li>
                <div class="deng">
                    <!-- 导航栏右 -->
                    <li class="qr">
                        <!-- 鼠标悬停时下方出现二维码 -->
                        <a href="">
                            <span>客户端下载</span>
                        </a>
                        <!-- 二维码 -->
                        <div>
                            <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                        </div>
                    </li>
                    <!-- (含js) -->
                    <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                    <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                </div>
            </ul>
        </div>
</div>

    <div class="tit">
        <ul>
            <h1>Photoshop钢笔抠图</h1>
            <!-- 框架：h1大的黑体字 -->
            <li>ps参考教程/钢笔抠图/ps参考教程</li>
            <!-- li小的灰色字体 -->
        </ul>
    </div>

    <div style="text-align: center;color: #0000009b;">此页教程讲述了钢笔抠图的具体方法。</div>
    <!-- 俩个框架之间的灰色字。 -->

    <div class="content">
        <h3>钢笔工具应用方法：</h3>
        <h4>
            首先，我们先了解一下关于钢笔工具的一些概念：
            1. 钢笔工具属于矢量绘图工具，其优点是可以勾画出非常平滑的曲线(任意缩放都能保持清晰平滑的效果)
            2. 钢笔工具画出来的线条我们称为路径，路径是矢量的
            3. 路径分为开放路径(如“c”型)和闭合路径(如“o”型)两种<br>
            现在我们来绘制一个简单的路径
            如下图在工具栏选择钢笔工具(快捷键P)<br>
            <img src="./ps-image/钢笔1.jpg" alt=""><br>
            ctrl+k 打开首选项(此功能出现在ai cc以后的版本，如果是之前版本无需设置，不影响使用)
        </h4>
        <h4>
            然后用钢笔在画面中单击，我们会看到在击打的点与点之间有线段相连
            持续按住Shift键单击，可以让所绘制的点与上一个点保持45度整数倍夹角(如0度、90度等)<br>
            <img src="./ps-image/钢笔2.jpg" alt=""><br>
            这样可以轻松绘制水平或者是垂直的线段(下图中从第5个点开始按下了Shift键)
            从上面的简单练习中我们得出两个规律：
            1. 我们并没有直接绘制线段，而是单击定义了各个点的位置，软件则在点与点之间连接成线<br>
            <img src="./ps-image/钢笔3.jpg" alt=""><br>
            2. 控制线段形态(方向、距离)的，其实并不是线段本身，而是线段中的各个点的位置<br>
            <img src="./ps-image/钢笔4.jpg" alt=""><br>
            在这里我们要记住两个专业术语：那些单击的点称为“锚点”;锚点与锚点间连接的线段称为路径的“片断”。
            刚才我们绘制的那些锚点，由于它们之间的线段都是直线，所以又称为“直线型锚点”。<br>
            小结：绘制直线路径，用鼠标直接单击即可。
            现在我们来绘制“曲线形锚点”
            如下图所示，在起点按下鼠标之后不要松手，向上方拖动出一条方向线后放手
            然后在第二个锚点拖动出一条向下的方向线，以此类推，画出如图所示的路径<br>
            <img src="./ps-image/钢笔5.jpg" alt=""><br>
        </h4>

    </div>
</body>
<foot
    style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
    <!-- 页脚框架 -->
    <div>
        <div>
            <!-- logo为单独一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
            </div>
            <!-- csdn二维码和w3cschool二维码 为一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                    alt="">
            </div>
        </div>

        <!-- （一行白字）相关链接、版权声明等 -->
        <div>
            <style>
                a {
                    color: black;
                }
            </style>
            <a href="" target="_blank">相关链接</a>
            <a href="" target="_blank">隐私政策</a>
            <a href="" target="_blank">版权声明</a>
            <a href="" target="_blank">反馈箱</a>
            <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
            <a href="../兰/小组.html" target="_blank">关于我们</a>
        </div>

        <!-- 灰白字体 -->
        <div>
            <div>
                &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
            </div>
            <div>
                网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
            </div>
        </div>
    </div>
</foot>
</html>